* {
  margin: 0px;
  padding: 0px;
}

/* 图标基础样式 */
.file-icon {
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  fill: currentColor; /* 继承父元素颜色 */
}

/* 特定类型悬停效果（可选） */
.svg-icon:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
}

/* 注册登录页样式 */

.login-container {
  display: flex;
  flex-direction: column;
  margin-right: 100px;
  margin-top: 150px;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.login-title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 24px;
  color: #333;
}
.login-form {
  width: 30%;
}

.login-button {
  width: 100%;
}

/* 移动端样式 */
@media (max-width: 767px) {
  .login-container {
    margin-right: 0;
  }
  .login-form {
    width: 80%;
  }
}

/* 主要样式 */
.home-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  margin-bottom: 10px;
}
.button-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.button-group button {
  margin: 0 !important;
}
.search-input {
  width: 400px;
  margin-left: 20px;
}

/* 移动端样式 */
@media (max-width: 767px) {
  .toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .search-input {
    width: 100%;
    margin: 10px 0;
  }
}

.expand-content {
  width: 80%;
  margin: 0 auto;
}
.expand-info {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}

.el-table__row:hover .action-buttons {
  display: inline-block !important;
}
.action-buttons {
  display: none;
}
